{% extends "services_base.html" %}
{% block head_content %}{% endblock head_content %}

{% block page_content %}


    <div class="col-md-6">
        <div class="form-group">
            <label>HostName:&nbsp;
            </label>
            <text>srv-eshuike-web1</text>
        </div>
        <div class="form-group">
            <label>IP:&nbsp;</label>
            <text>54.32.11.23:40022</text>
        </div>
        <div class="form-group">
            <label>UserName</label>
            <input type="text" id="user_name" name="user_name" class="form-control"/>
        </div>

        <div class="form-group">
            <label>Password</label>
            <input type="text" id="password" name="password" class="form-control"/>
        </div>

        <button id="run_ansible" class="btn btn-primary">运行Ansible</button>
    </div>
<div class="tab-content col-md-12">
    <hr>
    <div class="service-entry">
        <div class="col-md-12 no-padding">
            <text>HISTORY</text>
            <div class="fa fa-angle-down tab-line-icon" style="float:right">Status</div>
        </div>
    </div>

    <div class="date-entry">
        <div class="col-md-12 no-padding">
            <text>Wed, 21 Sep 2016</text>
            <div class="fa fa-angle-down tab-line-icon" id="21_date_entry" style="float:right"></div>
        </div>
    </div>
    <div class="service-content" id="21_date_entry_content">
        <table class="table">
            <tr style="background-color: rgb(149,167,183)">
                <th>ACTION</th>
                <th>STATUS</th>
                <th>CREATED BY</th>
            </tr>
            <tr class="info">
                <td><i class="fa fa-circle"></i>&nbsp;&nbsp;&nbsp;roles.nginx</td>
                <td>succeed</td>
                <td>colynn</td>
            </tr>
            <tr class="">
                <td><i class="fa fa-circle-o"></i>&nbsp;&nbsp;&nbsp;roles.mysql</td>
                <td>failure</td>
                <td>admin</td>
            </tr>
        </table>
    </div>

    <div class="date-entry">
        <div class="col-md-12 no-padding">
            <text>Tue, 20 Sep 2016</text>
            <div class="fa fa-angle-down tab-line-icon" id="20_date_entry" style="float:right"></div>
        </div>
    </div>
    <div class="service-content" id="20_date_entry_content">
        <table class="table">
            <tr style="background-color: rgb(149,167,183)">
                <th>ACTION</th>
                <th>STATUS</th>
                <th>CREATED BY</th>
            </tr>
            <tr class="info">
                <td><i class="fa fa-circle-o"></i>&nbsp;&nbsp;&nbsp;roles.nginx</td>
                <td>succeed</td>
                <td>colynn</td>
            </tr>
            <tr class="info">
                <td><i class="fa fa-circle-o"></i>&nbsp;&nbsp;&nbsp;roles.mysql</td>
                <td>failure</td>
                <td>admin</td>
            </tr>
            <tr class="">
                <td><i class="fa fa-circle-o"></i>&nbsp;&nbsp;&nbsp;roles.mysql</td>
                <td>failure</td>
                <td>admin</td>
            </tr>
             <tr class="info">
                <td><i class="fa fa-circle"></i>&nbsp;&nbsp;&nbsp;roles.mysql</td>
                <td>failure</td>
                <td>admin</td>
            </tr>
            <tr class="info">
                <td><i class="fa fa-circle-o"></i>&nbsp;&nbsp;&nbsp;roles.nginx</td>
                <td>succeed</td>
                <td>colynn</td>
            </tr>
        </table>
    </div>
</div>
{% endblock page_content %}
